/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}.product-detail-tab .product-detail-tabcon img


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




.ny_banner{position: relative}



/*body {*/
/*    overflow: hidden;*/
/*}*/

@media screen and (min-width: 990px ) {
    /*body{overflow: hidden !important;}*/
}




/*1111111111111*/
/*  */

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        transform: scale(1.08)
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        transform: scale(1.08)
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.banner .banner-item img {
    width: 100%;
    /*-moz-transform: scale(1,1);*/
    /*-ms-transform: scale(1,1);*/
    /*-o-transform: scale(1,1);*/
    /*-webkit-transform: scale(1,1);*/
    /*transform: scale(1,1);*/
    /*-webkit-transition: all 10s ease;*/
    /*transition: all 10s ease;*/
}

.banner .slick-active .banner-item img,
.banner .banner-item.slick-current img{
    -webkit-animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94);
    -moz-animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94);
    animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94)
    
    /*-moz-transform:scale(1.2,1.2);*/
    /*-ms-transform:scale(1.2,1.2);*/
    /*-o-transform:scale(1.2,1.2);*/
    /*-webkit-transform:scale(1.2,1.2); */
    /*transform:scale(1.2,1.2);*/
}





.x-banner img{
    height: 100vh;
}

@media (max-width: 768px) {
.x-banner img{
    /* height: 100vh; */
}
.x-banner{
    height: 100vh;
}
}





/**/
.o-scroll{
    overflow: hidden;
}


/*  */

.banner .slick-arrow {
    position: absolute;
    z-index: 9999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 0;
    outline: none;
    border: none;
    top: 50%;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
}

.banner .slick-prev {
    left: 2%;
    background: url(../images/prev.png) no-repeat center;
}

.banner .slick-next {
    right: 2%;
    background: url(../images/next.png) no-repeat center;
}








/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


/*样式*/
.fp-section{height:100%;}


/*样式*/
.wt_t2{max-width: 1900px;margin:0 auto;padding:0 15px}
.wt_t{max-width: 1760px;margin:0 auto;padding:0 15px}
.flex{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}


.xia{position: absolute;left:8%;bottom:35%;z-index: 99999;display:none;}



/* 头部样式 */
.top1{position: fixed;width:100%;background:url(//cdn.myxypt.com/2dfa6b48/21/10/886c16997643770b2ed824a8bef7da6631023d20.png) repeat-x center bottom;height:84px;left:0px;z-index: 99999;top:0px}

.wel{color: #595959;font-size:14px;}

.banquan{    z-index: 99999!important;
    color: #fff;
    font-size: 14px;
    position: fixed;
    bottom: 160px;
    width: 100%;
    margin: 0 auto;
    text-align: center;}
  
.banquan a{
    color: #fff;
}  
    
.kk2{float:left;width:90%;}


.logo{line-height: 84px;}
.logo img{line-height: 84px;}


/* 导航 */
#menu{}
.navx li{text-align:center;float:left;position:relative;z-index:999;width: 100px; }
.navx li a{display:block;line-height:84px;color:#fff;height:84px;padding: 0;font-size: 16px;padding: 0;}
.navx li a:hover{color:#fff;text-decoration:none;background:url(//cdn.myxypt.com/2dfa6b48/21/10/40ad27bede751dd6453a969f381e66afbfef6b54.png) no-repeat center bottom;}
.navx>li>a:focus, .navx>li>a:hover {
    text-decoration: none;
background:url(//cdn.myxypt.com/2dfa6b48/21/10/40ad27bede751dd6453a969f381e66afbfef6b54.png) no-repeat center bottom;}
.navx .sec{height:0;background:#164fa3;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:84px;left: -14px;width: 134%;}
.navx .sec a{background:#164fa3;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.navx .sec a:hover{background:#164fa3;text-decoration:none;}



/*搜索*/
.top1 #formsearch{ width:133px;background:url(//cdn.myxypt.com/2dfa6b48/21/10/91d6ccab2c52faede15bfb16b338fb2b5a33ddfb.png) no-repeat top;float: left;}
.top1 #formsearch input{height:24px;background:none;border:none;line-height:24px;outline: none;width:103px;outline:none;}
.top1 #formsearch input#keyword{height:24px;line-height:24px;padding-left:4px;color:#ffffff;font-size:13px;}
.top1 #formsearch input#s_btn{width:20px;height:24px;line-height:24px;text-align:center;color:#fff;border:none;cursor:pointer;font-size:0px;}
.top1 #formsearch input::placeholder{color:#ffffff}
.yyx{background:url(//cdn.myxypt.com/2dfa6b48/21/10/5da7c4016e3e4cec4324b4473f4c76581ca01fc1.png) no-repeat center left;padding-left: 15px;margin-left: 15px;}


@media (max-width:1440px) {
    .navx li{width:79px; }
  }
  
  
  

@media (max-width: 1280px) {
    .navx li{text-align:center;float:left;position:relative;z-index:999;width: 80px; }
  }

  @media (max-width: 1024px) {
    .soso2{display:none; }
    .navx li{text-align:center;float:left;position:relative;z-index:999;width:70px; }
    .head_re{display:none;}
  }

  @media (max-width: 992px) {
    .navx li{text-align:center;float:left;position:relative;z-index:999;width: 70px; }
  }








/* 2屏 */
.ab1{width:45%;overflow:hidden;}
.ann{color:#ffffff;font-size: 25px;font-weight: 600;line-height: 45px;text-decoration: underline;max-width: 500px;}

.video{margin-top:20px}
.video img{max-width: 100%;}


.ab2{width: 48%;background:url(//cdn.myxypt.com/2dfa6b48/21/10/c526324dae3db777648c8f3367dc16fa81eab943.png) no-repeat right top;padding-top: 20px;margin-bottom:15%;}

.p4a li {
  position: relative;
  text-align: left;
  width:50%;
  float:left;
  margin-bottom: 1%;
}
.p4a li:nth-child(1){width:100%}



.p4a li h3 {
  font-size: 30px;
  color: #fff;font-weight: 600;line-height: 55px;
  background:url(//cdn.myxypt.com/2dfa6b48/21/10/0febabdfd30df3de28e750fcf9c01c26faa9e730.png) no-repeat left bottom;
}
.p4a li h3 a{color: #fff;}

.p4a li p {
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  text-align: left;margin-top:10px
}

.p4a li span {
  font-size: 13px;
  color: #fff;

}

.aacc{color:#fff;margin-top:20px;font-size: 14px;line-height:25px;}

.mm1{margin-top:3.5%;text-align: center;color:#fff;font-size: 16px;line-height: 45px;width:117px;background:url(//cdn.myxypt.com/2dfa6b48/21/10/b6f57f2fdf871c60c11bcb006964c87cdbf86d5d.png) no-repeat left bottom;}
.mm1 a{color:#fff;text-align: center;}


@media (max-width: 990px) {
  .ab1{width:100%}
  .ab2{width: 100%;margin-top: 20px;}
  .p4a li h3 {
    font-size: 30px;
    color: #fff;font-weight: 600;line-height: 45px;
  }
  .video img{width: 100%;}
 
}




/* 3屏 */
.pt1{color:#fff;font-size: 58px;font-weight: 600;background:url(//cdn.myxypt.com/2dfa6b48/21/10/d361646520ce79c7787b1d11f6312e18d903ff21.png) no-repeat right top;padding-top: 10px;padding-right: 10px;max-width: 350px;}
.pt2 span{}

.wtt1{position: absolute;left:0px;top:0px;}



/* 首页banner样式 */
.pp_ll .owl-carousel {
  position: relative;
}

.pp_ll .owl-carousel .banner-item a {
  display: block;
}

.pp_ll.owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.pp_ll .owl-carousel .owl-nav .owl-next {
  right: 0;
}

.pp_ll .owl-carousel .owl-nav button.owl-prev,
.pp_ll .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  background: #424246;
  height: 65px;
  width: 50px;
  margin-top: -32.5px;
  border-radius: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.pp_ll .owl-carousel .owl-nav button.owl-prev:hover,
.pp_ll .owl-carousel .owl-nav button.owl-next:hover {
  background: #ab001a;
}

.pp_ll .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.pp_ll .owl-carousel .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;
}

.pp_ll .owl-carousel .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;
}

@media (max-width: 990px) {
  .pp_ll .owl-carousel .owl-nav button.owl-prev,
  .pp_ll .owl-carousel .owl-nav button.owl-next {
    height: 40px;
    width: 30px;
    margin-top: -20px;
  }
  .pp_ll .owl-carousel .owl-nav .iconfont {
    font-size: 20px;
  }
}

.pp_ll .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 5%;
}

.pp_ll .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 .5em;
  outline: none;
  background: #fff;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  opacity: .2;
}

.pp_ll .owl-carousel .owl-dots button.owl-dot:hover {
  opacity: .5;
}

.pp_ll .owl-carousel .owl-dots button.owl-dot.active {
  opacity: 1;
}












/* 4屏 */
.xw_bg{background:#fff;padding:2% 3% 2.3%;}
.xw1{background:url(//cdn.myxypt.com/2dfa6b48/21/10/c40d027ad89e7d3d6e50243ff941a3f1dc421fe4.png) no-repeat center top;background-size: 100% 100%;padding: 0 3.07% 4.8% 2.03%;width:23.24%;}
.xwtt{text-align:right;}
.wx_nr{color:#0f0f0f;font-size: 16px;line-height: 1.875;margin-top: 7.4%;text-decoration: underline;}
.xwdt{color:#1b1b1b;font-size: 42px;font-weight: bold;line-height: 1.83;margin-top: 9.15%;}
.xwdt span{color:#0865bd}

.xx2{width:100%;height:4px;background:#e5e5e5;}

.nsort{margin-top: 23.6%;}
.nsort li{width:100%;}
.nsort li a{color:#434343;font-size: 16px;line-height: 3.2;}
.nsort li:hover{background:url(//cdn.myxypt.com/2dfa6b48/21/10/19fbc4f8ebce6c14a72598bc1ecd74f474265468.png) no-repeat left bottom;}
.nsort li:hover a{color:#0865bd}


.btn-box {
  position: relative;
  z-index: 10;
  margin:0;  
  margin-top: 25.7%;
  font-size: 0;
  text-align: left;
}


.btn-box .swiper-btn {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.btn-box .swiper-btn.prev {
  background-image: url(//cdn.myxypt.com/2dfa6b48/21/10/c78403a9cb4ff8b852d0b4875949e9286ff599a4.png);
}
.btn-box .swiper-btn.next {
  background-image: url(//cdn.myxypt.com/2dfa6b48/21/10/e0f1bddd102f412a6ea1ec8ab6fff872ce77cbb7.png);
}



.xw2{width:72.4%;}





.news_cc .swiper-slide {
  font-size: 0;
}

.news_cc .swiper-slide a {
  position: relative;
  display: block;
}

.news_cc .times {
	background-color: #0868c2;	
	width: 92px;
	height: 105px;
	text-align: center;
	padding-bottom: 17px;
}
.news_cc .times .date{
	background-color: #0868c2;
	font-size: 57px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.16;
	letter-spacing: 0px;
	color: #ffffff;
}
.news_cc .times .date2{
	background-color: #0868c2;	
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0px;
	color: #ffffff;
}

.news_cc .info {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;	
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.7;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 6.7%;
}

.news_cc .pic {
  font-size: 0;
  margin-top: 4.4%;
  width: 100%;
  overflow: hidden;
	height: 153px;
    
}
.news_cc .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}



.news_cc  .desc {	
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #1e1e1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  margin:5.2% auto 0;
}

.news_cc .more {
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.57;
	letter-spacing: 0px;
	color: #0b68b1;
	margin-top: 10%;
	border-bottom:  0.357em solid #0b68b1;
	display: inline-block;
}

.news_cc .swiper-slide:hover {
}

.news_cc .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.news_cc .swiper-slide:hover .info {
    color: #0868c2;
}


@media (max-width: 1760px) {
    .xwdt {
        font-size: 38px;
    }
    .news_cc .times {
        height: 92px;
    }
    .news_cc .times .date {
        font-size: 50px;
    }.news_cc .pic {
        height: 8.7vw;
    }
}

@media (max-width: 1600px) {
    .news_cc .pic {
        height: 9.25vw;
    }
    .btn-box {
        margin-top: 16%;
    }
    .nsort {
        margin-top: 20%;
    }
    .nsort li a {
        line-height: 2.8;
    }
    .btn-box .swiper-btn{
        width:50px;
        height:50px;
    }
}
@media (max-width: 1440px) {
    .xwdt {
        font-size: 32px;
    }
    .xw_bg{background:#fff;padding:2%;}
    .news_cc .info{height:28px;overflow:hidden;}
    .news_cc .times{height:62px;width:62px;}
    .news_cc .times .date{font-size:30px;}
    .news_cc .times .date2{font-size:15px;}
    .xw1{padding:0 3.07% 2.8% 2.03%;}
    .news_cc .more{margin-top:3%;}
    .nsort{margin-top:5%;}
    .btn-box{margin-top:6%;}
}

@media (max-width: 1366px) {
    .xwdt {}
}


@media (max-width: 1200px) {
    .xw1 {
        padding-right:2%;
    }
    .wx_nr {
        font-size: 14px;
    }
    .news_cc .pic {
        height: 14.75vw;
    }
    .nsort li a {
        line-height:2.4;
    }
    .btn-box .swiper-btn {
        width: 40px;
        height: 40px;
    }
    .news_cc .info {
        margin-top: 3%;
    }
    .news_cc .more {
        margin-top:4%;
    }
    .news_cc .desc {
        margin-top: 4%;
    }
    .news_cc .times .date {
        font-size: 40px;
    }
    .news_cc .times .date2 {
        font-size: 16px;
    }
    .news_cc .times {
        width:80px;
        height:80px;
        padding-top:10px;
    }
}


/* 5屏 */
.lxwm1{width:55%;margin-top: -60px;}
.lx_bor1{color:#ffffff;font-size: 16px;line-height: 45px;text-decoration: underline;width:50%;float: left;margin-top: 45px;}
.lx_bor2{color:#ffffff;font-size: 16px;line-height: 45px;text-decoration: underline;width:45%;margin-left:5%;float: left;margin-top: 45px;}


.wwmm{width:25%}
.lxtt1{color:#ffffff;font-size: 30px;line-height: 35px;text-decoration: underline;margin-bottom: 10px;}
.wwmm{margin-top:0%;min-width: 400px;margin-left: 60px;}
.wwmm li{display: block;float:left;margin-right: 20px;}
.wwmm li a.img{display: block;background: #fff;padding: 8px;}
.wwmm li a.img img{max-width: 100%;max-width: 100px;}
.wwmm li h3{background:#fff;line-height: 45px;color:#333;font-size: 14px;text-align: center;display:none;}

.shao{margin-top: 3%;}
.shao p{background:#4e5b68;line-height: 36px;font-size: 18px;font-weight: 600;color:#fff;margin-bottom: 10px;}

.shao p:nth-child(1){width:289px;text-align: center;}
.shao p:nth-child(2){width:217px;text-align: center;}
.shao p:nth-child(3){width:319px;text-align: center;}


@media (max-width: 990px) {
  .lx_bor2{width:100%;margin-top: 25px;}
  .lx_bor1{width:100%;margin-top:25px;}
  .lxwm1{width:100%;/*margin-top:20px*/}
  .wwmm{width:100%;margin-top:20px}
  .fp-section{height:auto;}
}







.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}










/**/
body {
	width: 100%;
    *cursor: default;
	
	font: 16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
}
#pageContain {
	overflow: hidden;width: 100%;margin:0 auto;
}
.page {
  /*box-shadow: 1px 1px 4px 0 #000;*/
  /* display: block; */
  /* width: 100%; */
  /* height: 100%; */
  /* overflow: hidden; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* transform: scale(0); */
  /* background: #ffffff; */
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
  
}


.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
	transform: scale(1);
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
    display: block;
    z-index: 3;
    transition-duration: 0ms !important;
    -webkit-transition-duration: 0ms !important;
}





.section1 .contain {
	display: block !important;
}




@keyframes dragTop {
    0% {
        opacity:0;
        transform:translateY(-70px)
    }
    60% {
        opacity:1;
        transform:translateY(20px)
    }
    90% {
        transform:translateY(-5px)
    }
    97% {
        transform:translateY(-1px)
    }
    100% {
        transform:translateY(0px)
    }
}
@-webkit-keyframes dragTop {
    0% {
        opacity:0;
        -webkit-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    90% {
        -webkit-transform:translateY(-5px)
    }
    97% {
        -webkit-transform:translateY(-1px)
    }
    100% {
        -webkit-transform:translateY(0px)
    }
}
@-moz-keyframes dragTop {
    0% {
        opacity:0;
        -moz-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -moz-transform:translateY(20px)
    }
    90% {
        -moz-transform:translateY(-5px)
    }
    97% {
        -moz-transform:translateY(-1px)
    }
    100% {
        -moz-transform:translateY(0px)
    }
}
@-ms-keyframes dragTop {
    0% {
        opacity:0;
        -ms-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -ms-transform:translateY(20px)
    }
    90% {
        -ms-transform:translateY(-5px)
    }
    97% {
        -ms-transform:translateY(-1px)
    }
    100% {
        -ms-transform:translateY(0px)
    }
}
@keyframes scaleAll {
    0% {
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes scaleAll {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}
@-ms-keyframes scaleAll {
    0% {
        opacity: 0;
        -ms-transform: scale(0) rotate(30deg);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-ms-keyframes scaleIn {
    0% {
        opacity: 0;
        -ms-transform: scale(3);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}
@keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-webkit-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-moz-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-ms-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-webkit-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-moz-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-ms-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}




/*样式*/
@media (max-width: 990px) {
  .flex{display: block;}
  .page {
      /*box-shadow: 1px 1px 4px 0 #000;*/
      display:block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
    }
    .xia {
        display:none;
    }
}






/* .section2  */
@media (max-width: 1024px) {
    .ann {
        font-size:20px;
    }
    
}
@media (max-width: 768px) {
    .ann {
        max-width:none;
    }
    .section2 .page {
        /* padding:20px 0; */
    }
}
@media (max-width: 640px) {
    .section2 .page {
        background-size:100% auto !important;
        background-position: center bottom !important;
        /* padding: 30px 0; */
    }
    .ann {
	    color: #5c5c5c;
	    font-size:16px;
	    line-height:30px;
    }
    .ab1 .video {
    width: 56vw;
    }
    .ab1 .video iframe{ height: 145px!important; }
    .ab2 {
        position:relative;
        background:none;
        margin-top: 63px;
            padding-top: 41px;
    }
    .ab2 .p4a {
        position:absolute;
        bottom: 242%;
        right:40px;
        width:135px;
    }
    .ab2 .p4a li {
        width:100%;
    }
    .p4a li h3{
	    background-size:85px;
	    white-space:nowrap;
	    font-size:20px;
    }
    .p4a li h3 a {
	    color: #000000;
	    position:relative;
	    width:85px;
    display: inline-block;
    }
    .p4a li span {
	    color: #000000;
	    margin-left:5px;
	    font-size:12px;
    }
    .p4a li p {
	    color: #000000;
	    font-size:12px;
	    margin-top:5px;
    }
    .aacc {
        font-size:12px;
        padding: 0 2vw;
    }
    .mm1 {
        margin: 5vw auto 0;
            line-height: 20px;
    }
}
@media (max-width: 420px) {
    .section2 {
        background-size: 100% 250px !important;
        background-position: center bottom !important;
    }
    .ann {
        font-size:14px;
        line-height:24px;
    }
    .ab2 .p4a {
        right:0;
        width:100px;
    }
    .p4a li h3 {
        font-size:18px;
        background-size:50px auto;
    line-height: 30px;
    }
    .p4a li h3 a {
        width:50px;
    }
    .p4a li span {
        font-size:11px;
    }
    .p4a li p {
        font-size:11px;
    }
    .aacc {
        margin-top:0;
        display:none;
    }
    
}

/* .section3 */

.sycpzx {
    
}

.sycpzx .flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sycpzx .tits {
    justify-content: space-between;
    align-items: flex-end;
}
.sycpzx  .wtt1 {
    position: relative;
}

.sycpzx .wtt1 .pt1 {}

.sycpzx .wtt1 .pt2 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 33px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #ececec;
}


.sycpzx  .wtt1 .pt2 span {
    display: block;
    width: 106px;
	height: 6px;
	background-color: #ffffff;
	margin-right: 0.57em;
}

.sycpzx_list {
    /* float: right; */
    width: calc(100% - 374px);
}
.sycpzx_list ul{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sycpzx_list li{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: -0.06em;
	text-align: center;

	max-width: 9.6em;
	margin-right: 3em;
	margin-bottom: -1px;
}
.sycpzx_list li.active{
    background-image: linear-gradient(90deg, #0868c2 0%, 	#0aad44 100%), linear-gradient(#0b68b1, #0b68b1);
}

.sycpzx_list li:last-child {
    margin-right: 0;
}
.sycpzx_list li a{
    display: block;
	color: #ffffff;
	padding: 0 1em;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sycpzx_list li.active a{
    color: #ffffff;
}



.sycpzx_cont {
    margin-top: 0%;
    position: relative;
}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.sycpzx_cont .swiper-container {
    padding: 34px 0 18px;
}
.sycpzx_cont>ul {
    display: none;
}
.sycpzx_cont .swiper-button-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sycpzx_cont .swiper-button-arrow .swiper-button-prevs,
.sycpzx_cont .swiper-button-arrow .swiper-button-nexts {
    width: 56px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 3.5px;
}
.sycpzx_cont .swiper-button-arrow .swiper-button-prevs {
    background-image: url('//cdn.myxypt.com/2dfa6b48/21/10/e518c44168badf205e6428f0905ce44d3b3f3dd9.png');
}
.sycpzx_cont .swiper-button-arrow .swiper-button-nexts {
    background-image: url('//cdn.myxypt.com/2dfa6b48/21/10/f9a42831c32a8feb82d6987b4715e62d936fcd9b.png');
}

.sycpzx_cont  li {
    
}

.sycpzx_cont  li a {
    display: block;
	background-color: #ffffff;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
	padding: 2.4%;
}

.sycpzx_cont  li a .imgs {
    display: block;
    width: 100%;
	height: 312px;
}

.sycpzx_cont  li a .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sycpzx_cont  li a .wzs {
    display: block;
    padding-top: 1.5%;
    padding-bottom: 5.7%;
}

.sycpzx_cont  li a .wzs h3 {
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #474747;
	padding: 0 1em;
	text-align: center;
}

.sycpzx_cont  li a .wzs span {
    display: block;
	background-image: linear-gradient(90deg,#0868c2 0%,#0aad44 100%), linear-gradient(#009944, #009944);
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	width: 11.8em;
	line-height: 3;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin: 3% auto 0;
}

.sycpzx_cont_a {
    display: none;
}

@media (max-width: 1760px) { 
    .pt1 {
        font-size:52px;
        background-size:1.08em auto;
    }
    .sycpzx .wtt1 .pt2 {
        font-size:30px;
    }
    .sycpzx .wtt1 .pt2 span {
        width:3.2em;
        height:5px;
    }
    .sycpzx_cont  li a .imgs {
        height: 17.7vw;
    }
    .sycpzx_cont li a .wzs h3 {
        font-size: 20px;
    }
    .sycpzx_cont li a .wzs span {
        font-size:14px;
    }
}

@media (max-width: 1600px) {
    .pt1 {
        font-size:46px;
    }
    .sycpzx .wtt1 .pt2 {
        font-size:24px;
    }
    .sycpzx_list li {
        font-size:16px;
        overflow:hidden;
    }
    .sycpzx_cont li a .wzs h3 {
        font-size:18px;
    }
    .sycpzx_cont li a .wzs {
        padding-bottom:3%;
    }
    
    .sycpzx_cont .swiper-button-arrow .swiper-button-prevs, .sycpzx_cont .swiper-button-arrow .swiper-button-nexts{
        width:50px;
        height:50px;
    }
    
}
@media (max-width: 1440px) {
    .sycpzx_cont  li a .imgs {
        height: 17.1vw;
    } 
}







@media (max-width: 1200px) {
    .sycpzx_list li {
        font-size:14px;
    }
    .sycpzx_cont .swiper-container {
        padding:20px 0;
    }
}


@media (max-width: 768px) { 
    .sycpzx {
        padding: 5px 0 0;
    }
    .sycpzx .tits {
        flex-flow: column;
        align-items:flex-start;
    }
    .sycpzx_list {
        width:100%;
        margin-top:10px;
    }
    .sycpzx_list ul {
        justify-content:flex-start;
    }
    .sycpzx_cont li a .imgs {
        height:36.2vw;
    }
    .sycpzx_cont .swiper-button-arrow {
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .sycpzx .wtt1 {
        width:100%;
        text-align:center;
    }
    .sycpzx .wtt1 .pt1 {
        font-size:36px;
        display: block;
        background-image:url("//cdn.myxypt.com/2dfa6b48/21/10/9a794bd88a4d5876214665bc442452e94c061b7e.png");
    }
    .sycpzx .wtt1 .pt2 {
        font-size:20px;
        display:block;
        width:100%;
    }
    .sycpzx .wtt1 .pt2 span {
        display:none;
    }
    .sycpzx_list ul {
        border:none;
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .sycpzx_list li{
        background:none;
        font-size:12px;
        margin-right:0;
        line-height:2.4;
        margin-right:1em;
        max-width:100%;
        margin-bottom:5px;
    }
    .sycpzx_list li a{
        padding:0 2em;
    }
    .sycpzx_list li:hover{
        background-image:linear-gradient(90deg, #0868c2 0%, 	#0aad44 100%), linear-gradient(#0b68b1, #0b68b1);
    }
    .sycpzx_cont .swiper-button-arrow {
        display:none;
    }
    .sycpzx_cont_a {
        display:block;
        text-align:center;
        font-size: 2.5vw;
    	font-weight: normal;
    	font-stretch: normal;
    	letter-spacing: -0.068em;
    	color: #ffffff;	
    	width: 53.6vw;
    	line-height: 2.75;
    	background-color: #0e50b4;
    	box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
    	margin:9vw auto 0;
    }
    .sycpzx_cont li a .wzs h3 {
        font-size:14px;height:30px;overflow:hidden;
    }
    .sycpzx_cont li a .wzs span {
        font-size:12px;
    }
    
    .sycpzx_cont .swiper-container {
        display:none;
    }
    .sycpzx_cont>ul {
        display: flex;
        justify-content:space-between;
        align-items:flex-start;
        flex-wrap:wrap;
    }
    .sycpzx_cont>ul li {
        width:32%;
        margin-right:2%;
    }
    
    .sycpzx_cont>ul li:nth-child(3n) {
        margin-right:0;
    }
    .sycpzx_cont>ul li:nth-child(n+4) {
        margin-top:5vw;
    }
    .sycpzx_cont>ul li a .imgs {
        height:auto;
    }
    .sycpzx_cont>ul li a .wzs span {
        display:none;
    }
    .sycpzx_cont>ul  li a .wzs h3 {
        font-size:12px;
    }
}
@media (max-width: 420px) {
    .sycpzx .wtt1 .pt1 {
        font-size:26px;
    }
    .sycpzx_cont li a .wzs span {
        font-size:11px;
        width:10em;
        line-height:2.4;
    }
    
}

/* .section4  */

.xwdt2 {
    display: none;
}
.dt_xw2 {
    display: none;
}
@media (max-width: 768px) {
    .synews {
        padding:30px 0;
    }
    .xw1 {
        width: 100%;
        margin-right:0;
    }
    .wx_nr {
        margin-top:20px;
    }
    .xwdt {
        margin-top:20px;
    }
    .nsort {
        margin-top:20px;
    }
    .btn-box {
        margin-top:20px;
    }
    .xw2 {
        width:100%;
        margin-top:20px;
    }
    .news_cc .pic {
        height:20vw;
    }
}


@media (max-width: 640px) {
    .synews{
        /* background:none !important; */
    }
    .xw1 {
        text-align:center;
    }
    .xwdt2 {
        display:block;
        font-size: 33.3px;
    	font-weight: bold;
    	font-stretch: normal;
    	line-height: 1.5;
    	letter-spacing: 0px;
    	color: #23261f;
    	text-align:center;
        display: inline-block;
        background-image: url("//cdn.myxypt.com/2dfa6b48/21/10/9a794bd88a4d5876214665bc442452e94c061b7e.png");
        padding-top: 10px;
        padding-right: 10px;
        background-position:right top;
        background-size: 1.08em auto;
        background-repeat:no-repeat;
    }
    .wx_nr {
        display:none;
    }
    .xw_bg {
        padding:0;
    }
    .xwtt {
        display:none;
    }
    .xwdt {
        font-size: 24px;
    	font-weight: normal;
    	font-stretch: normal;
    	line-height: 1.5;
    	letter-spacing: 0px;
    	color: #23261f;
    	text-align:center;
    	margin-top:0;
    }
    .xwdt span {
    	color: #23261f;
    }
    .xx2 {
        display:none;
    }
    .xw1 {
        background:none;
    }
    .nsort,
    .btn-box,
    .xw2 {
        display:none;
    }
    .dt_xw2 {
        position:relative;
        display:block;
    }
    .dt_xw2 {
    }
    .dt_xw2_list{
        position:relative;
    }
    .dt_xw2_list img{
        width:100%;
        height:auto;
    }
    
    .dt_xw2_list ul{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
    	background-color: rgba(45 ,53 ,60,0.75);
    }
    .dt_xw2_list li {
        width:50%;
        text-align:center;
    }
    .dt_xw2_list li a{
        display:block;
        width:100%;
        padding:0 1em;
        	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 3.25;
	letter-spacing: 0px;
	color: #ffffff;
    }
    .dt_xw2_list li:nth-child(2) a {
	    background-color: #0e50b4; 
    }
    .dt_xw2_cont {
        margin-top:6.4vw;
    }
    .dt_xw2_cont ul{
        display:block;
    }
    .dt_xw2_cont li{
        display:block;
        margin-bottom:10px;
    }
    .dt_xw2_cont li a{
        display:flex;
        justify-content:flex-start;
        align-items:flex-start;
	background-color: #efefef;
	padding:5.2% 3.2%;
    }
    .dt_xw2_cont li .times{
        text-align:center;
	    background:#a0a0a0;
	    text-align:center;
	    font-size: 36px;
    	font-weight: normal;
    	font-stretch: normal;
    	line-height: 1.1;
    	letter-spacing: 0px;
    	color: #ffffff;
    	padding:0.3em 0.4em 0.4em;
    	white-space:nowrap;
    	flex-shrink:0;
    	margin-right:0.5em;
    }
    .dt_xw2_cont li .times .date{
        font-size: 12px;
    	font-weight: normal;
    	font-stretch: normal;
    	line-height: 1.2;
    	letter-spacing: 0px;
    	color: #ffffff;
    }
    .dt_xw2_cont li .info{
        overflow:hidden;
        flex-grow:1;
    }
    .dt_xw2_cont li .info .name{
        	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #1e1e1e;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    }
    .dt_xw2_cont li .info .desc{
        	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #555454;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    }
}

@media (max-width: 420px) {
    .xwdt2 {
        font-size: 24px;
    }
    .xwdt {
        font-size:20px;
    }
    .dt_xw2_list li a{
        font-size:12px;
    }
    
    .dt_xw2_cont li .times{
        font-size:24px;
    }
    .dt_xw2_cont li .info .name{
        font-size:14px;
    }
    .dt_xw2_cont li .info .desc{
        font-size:11px;
    }
}

/* section5 */

.lxtt1 {
    
}


@media (max-width: 1760px) {
    
}

@media (max-width: 1440px) {
    .lxtt1 {
        font-size:40px;
        margin-bottom:10px;
    }
    
}
@media (max-width: 1200px) {
    .lxwm1 img{
        max-width:50vw;
    }
    .lxtt1 {
        font-size:32px;
    }
    .shao p {
        font-size:16px;
    }
    
}
@media (max-width: 990px) {
    .section5 .flex {
        display:flex;
    }
    .lxtt1 {
        font-size:26px;
        margin-bottom:10px;
        line-height:1;
    }
}
@media (max-width: 768px) {
    .section5 .page {
        padding:30px 0;
    }
    .lx_bor1 {
        line-height:30px;
        font-size:14px;
    }
    .lx_bor2 {
        margin-left:0;
        line-height:30px;
        margin-top:10px;
        font-size:14px;
    }
    .lxtt1 {
        font-size:20px;
        margin-bottom:10px;
        line-height:1;
    }
    .section5 .flex {
        position:relative;
    }
    .wwmm {
        position:absolute;
        right:0;
        top:0;
        width:37.5vw;
        min-width:0;
    }
    
    .wwmm .wwmm {
        position:relative;
        margin-left:16px
    }
    .wwmm ul {
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        margin-top:13vw;
    }
    .wwmm li {
        width:45.8%;
        margin-right:0;
    }
    .wwmm li a.img img {
        width:100%;
    }
    .shao p {
        font-size:14px;
    }
    .section5 .wt_t:last-child {
        display:none;
    }
    .wwmm .wwmm h3 {
        white-space:nowrap;
        overflow:hidden;
        line-height:30px;
        
    }
}
@media (max-width: 640px) {
    .lxtt1{
        font-size:16px;
    }
    .lx_bor1 {
        font-size:12px;
        line-height:24px;
        width: 75%;
    }
    .lx_bor2 {
        margin-left:0;
        line-height:24px;
        font-size:12px;
    }
    .wwmm li h3 {
        font-size:12px;
        line-height:24px;
    }
    .shao p {
        font-size:12px;
    }
}
@media (max-width: 420px) {
    .lxtt1{
        font-size:12px;
    }
    .wwmm li h3 {
        font-size:9px;
    }
    .lx_bor1,
    .lx_bor2  {
        font-size:10px;
    }
    
    .wwmm {
        width:150px;
        top:10px;
    }
    
}

@media (max-width: 990px) {
    #article{
        /* height:auto !important; */
        height: 100vh!important;
    }
   .banquan {
        position: fixed;
        bottom:0 !important;
        /* background-color: #0e50b4; */
        padding: 1em 15px;
    }
    .xia{display:none;}
}



 

@media (max-width: 768px) {
    .banquan {
        font-size:12px;
    }
}


.footer{  background: #164fa3;padding:15px 0;}
.seo{color:#fff;font-size:14px;line-height:25px;text-align:center;}
.seo a{color:#fff;font-size:14px;line-height:25px;text-align:center;}




/*phone底部导航*/

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #164fa3;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(//cdn.myxypt.com/2dfa6b48/21/10/c106bb2d6d60fd90013f5d93797784a18d6befdb.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(//cdn.myxypt.com/2dfa6b48/21/10/9c60077ac8222e11b8a491b7b54074f1cc67b545.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(//cdn.myxypt.com/2dfa6b48/21/10/d5789ddc8795ace21b1d669ff6b523096dd1c1f2.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}




@-webkit-keyframes based {
    0% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }
}

@keyframes based {
    0% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }
}

@-webkit-keyframes based {
    0% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }
}

@keyframes based {
    0% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }
}



@media screen and (max-width: 990px) {
    body {
        overflow: visible scroll;
    }
    .page {
        /* height:auto !important; */
        /* transform: scale(1) rotate(0) !important; */
        /* opacity:1 !important; */
    }
}


/* 改版 */
#article {
    /* left: 0; */
    /* top: 0 !important; */
}
.section {
    position: absolute !important;
    width: 100%;
    left: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    z-index: 20;
}
.section.prev {
    z-index: 35;
}
.section.dq {
    z-index: 40;
}
.section .wt_t {
    width: 100%;
}
.section.active {
    z-index: 50;
}
.section.active .page {
	display: block;
	z-index: 1;
}
.section-tabll {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.section-tabll2 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 1023px) {
    .section .page {
    	display: block;
    	transform-origin: 50% bottom;
    	transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg);
    	transition: none;
    	height: 100vh;
    }
    .section.active2 .page {
        transform-origin: 50% top;
    }
    .section.prev .page {
        transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg);
    }
    .section.dq .page {
        transform: translate(0px, 0px) translateZ(0px) scale(0) rotate(0deg);
    }
    .section.active .page {
        transition-timing-function: cubic-bezier(0, 0.93, 0.39, 0.98);
        opacity: 1;
        transition-duration: 800ms;
        animation: 0.8s 0.1s ease actie forwards;
    }
    .section.stop-bottom .page {
        transition-timing-function: cubic-bezier(0, 0.93, 0.39, 0.98);
        opacity: 1;
        transition-duration: 800ms;
        animation: 0s 0s ease actie forwards;
    }
    /*.section.stop-top .page {*/
    /*    transition-timing-function: cubic-bezier(0, 0.93, 0.39, 0.98);*/
    /*    opacity: 1;*/
    /*    transition-duration: 800ms;*/
    /*    animation: none;*/
    /*}*/
    .fp-tableCell {
        height:100vh;
    }
}
@media screen and (max-width: 990px) {
    .section {
        /* height:auto !important; */
        position: static !important;
    }
    .fp-tableCell {
        height:auto !important;
    }
}

@-webkit-keyframes actie {
    0% {
        -webkit-transform: translate(5px, 5px) translateZ(0px) scale(0) rotate(0deg);
        transform: translate(5px, 5px) translateZ(0px) scale(0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg);
        transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg);
    }
}

@keyframes actie {
    0% {
        -webkit-transform: translate(5px, 5px) translateZ(0px) scale(0) rotate(0deg);
        transform: translate(5px, 5px) translateZ(0px) scale(0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg);
        transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg);
    }
}





.synews{
    /* background: url(//cdn.myxypt.com/2dfa6b48/21/10/b4330b2a1cf89e080e58df5761cca8b27a32f694.jpg) no-repeat; *//* background-size: 100% 100%; */
    background: url(//cdn.myxypt.com/2dfa6b48/21/10/b4330b2a1cf89e080e58df5761cca8b27a32f694.jpg) no-repeat;background-size: 100% 100%;
}
.syabout{background:url(//cdn.myxypt.com/2dfa6b48/21/10/8653ab18d9ead810ae9d2d26e6e4d8ec09e2b1e7.jpg) no-repeat;background-size: 100% 100%;}
.sylianxi{background:url(//cdn.myxypt.com/2dfa6b48/21/12/397263180be2769d770dd6fdfbde5058519cb1dd.jpg) no-repeat;background-size: 100% 100%;}
.sycpzx{background:url(//cdn.myxypt.com/2dfa6b48/21/10/66927523324a8c7771990323fea9c59ddfb4bf38.png) no-repeat;background-size: 100% 100%;}



@media screen and (max-width: 768px) {
    
 .section2{;padding:60px 0;background:url(//cdn.myxypt.com/2dfa6b48/21/12/44abc72f903ac289ec2e8b009944121c0ac054bd.jpg) no-repeat center top!important;background-size:cover!important;}
 
 .section5{;padding:60px 0;background:url(//cdn.myxypt.com/2dfa6b48/21/12/5532d746431fc3fe16efeb86cbbcce70e5a6ede1.jpg) no-repeat center top!important;background-size:cover!important;}
 .sylianxi{background:none!important;margin-bottom:30%;}
 
 .syabout{background:none;}

  .synews{background: url(//cdn.myxypt.com/2dfa6b48/21/12/b41d8ade8fe08be2b4a67779b450dce5780b6079.jpg) no-repeat !important;background-size: 100% 100%;}
  .sycpzx{background:none;}
     .ann {
	    color: #fff;
	    font-size:15px;
	    line-height:23px;
    }
    
  .mm1{margin-top:1.5%;text-align: center;color:#fff;font-size: 16px;line-height: 45px;width:117px;background:url(//cdn.myxypt.com/2dfa6b48/21/12/e12f84f2139952fe9de669a43d3cd30aaf16f567.jpg) no-repeat left bottom;}
.mm1 a{color:#fff;text-align: center;}
  
      .ab2 {
        position:relative;
        background:none;
        margin-top: 0px!important;margin-bottom:0%;
    } 
    
    
       .p4a li h3 a {
	    color: #fff;
	    position:relative;
	    width:85px;
    display: inline-block;
    }
    .p4a li span {
	    color: #fff;
	    margin-left:5px;
	    font-size:12px;
    }
    .p4a li p {
	    color: #fff;
	    font-size:12px;
	    margin-top:5px;
    } 
    
    .ab2 .p4a {
        right: 10px;
        width:100px;
        position:absolute;
        bottom: 110%;
    }
    
       .p4a li span {
	    color: #fff;
	    margin-left: -32px;
	    font-size:12px;
	   }
	   
	   
    .sycpzx_list li a{
        padding: 0 1em;
    }
    
    
      .wwmm ul {
        display:block;
   
        margin-top:13vw;
    }
    
    
        .wwmm li {
        width:100%;
        margin-right:0;margin-bottom:13px;
    }
    
    
    .wwmm .wwmm h3{display:none;}
	   
    .wwmm li a.img{display: block;background: none;padding: 8px;}
    
    .wwmm li a.img img{width:80px;}
   
   .wwmm{width:100px;top:-10px;}
    

 
 
  
.sycpzx .wtt1{text-align:left!important;margin-top:20px}
 .pt1{background:none!important;}
 .sycpzx .wtt1 .pt1{text-align:left!important;}
 .sycpzx .wtt1 .pt2{text-align:left;position:relative;width:100%;}
 .sycpzx .wtt1 .pt2::after{position:absolute;width:70%;height:1px;background:#fff;right:10px;top:10px;content:"";opacity:.5}  
 
 
 
 
 
 
 
.section4{padding:60px 0;background:url(//cdn.myxypt.com/2dfa6b48/21/12/f05eed4a1ac2c348582be8c52f02d5194c1ad0b9.png) no-repeat center top!important;background-size:cover!important;}
 
 
 .section3{padding:60px 0;background:url(//cdn.myxypt.com/2dfa6b48/21/12/4f339c3700a4c06d7bbeb1cded320a2016090a20.png) no-repeat center top!important;background-size:cover!important;}
 
 
 .section{overflow:hidden;}
 .fp-section.fp-table, .fp-slide.fp-table {
  overflow:hidden;
}
 .fp-tableCell{overflow:hidden;}
}





/*手机站模式的产品*/
.cp_list1{width:96%;margin: 0 auto;position:relative;margin-top:1%;padding-bottom:6%;margin-bottom:2%;}

.cp_list1 .li_x a.img{margin:0px 5px;border:1px solid #dcdcdc;margin-bottom:15px;  background: #ffffff;padding:5px;}
.cp_list1 .li_x{display:inline-block;}
.cp_list1 .li_x a{
  display: block;
  font-size: 0;
}
.cp_list1 img{
  width: 100%;max-height: 105px;
}
.cp_list1 .li_x h3{
  text-align: center;
  font:500 12px/25px "微软雅黑";height:25px;overflow:hidden;
  color:#323232;
}

.cp_list1 .slick-arrow{text-align:center;top:95%;position:absolute;width:38px;height:35px;border:none;outline:none;z-index:99999;background-size: 100% 100%!important;}
.cp_list1 .slick-prev{background: url(//cdn.myxypt.com/2dfa6b48/21/12/94755646cce8df6793b67d3c440a41efdacb192f.png) no-repeat;text-indent:-1000px;overflow:hidden;left:38.7%;}
.cp_list1 .slick-prev:hover{background:url(//cdn.myxypt.com/2dfa6b48/21/12/be8bedba90f996b18907b3add7c5eca2f11f95ab.png) no-repeat center top;}
.cp_list1 .slick-next{background: url(//cdn.myxypt.com/2dfa6b48/21/12/da175e03ac4d01f13ef3ac46a2cdabc0965a026f.png) no-repeat;outline:none;text-indent:-1000px;overflow:hidden;right:38.7%;z-index:99999;}
.cp_list1 .slick-next:hover{background:url(//cdn.myxypt.com/2dfa6b48/21/12/c897a6cb03b45f9f88ae4158cfb2e602364fe317.png) no-repeat center top;}

.cp_list1 .slick-dots {
  position: absolute;
  z-index: 99;
  width:100%;
top:95%;
  text-align: center;
}

.cp_list1 .slick-dots li {
  display: inline-block;
  width: 43px;
  height: 43px;
  font-size: 14px;line-height:43px;

  margin: 0 5px;border:none;color:#595757;width:38px;height:35px;border-radius:5px}

.cp_list1 .slick-dots li button {
outline: none;border:none;background: none;color:#595757
}

.cp_list1 .slick-dots li.slick-active button{color:#fff;}
.cp_list1 .slick-dots li.slick-active {
  background: #1e50ae;color:#fff
}


.section4{
    padding: 0
}



/*手机站模式的新闻*/

.cp_list1_2{width:90%;margin: 0 auto;position:relative;margin-top:8%;padding-bottom:6%;margin-bottom:5%;border-top:1px solid #2a76c3;}
.cp_list1_2 .li_x_2{display:inline-block;}
.cp_list1_2 .li_x_2 a{
  display: block;
  font-size: 0;border-bottom:1px solid #2a76c3;
}

.cp_list1_2 .li_x_2 h3{
  text-align: left;
  font:500 16px/35px "微软雅黑";height:35px;overflow:hidden;
  color:#ffffff;margin-top:10px
}
.cp_list1_2 .li_x_2 h4{
  text-align: left;
  font:500 16px/36px "微软雅黑";
  color:#ffffff;
}

.cp_list1_2 .li_x_2 h2{font-size:14px;color:#fff;font-weight:400;margin-bottom:15px;line-height:25px;height:50px;overflow:hidden;}
.cp_list1_2 .slick-arrow{text-align:center;top:95%;position:absolute;width:38px;height:35px;border:none;outline:none;z-index:99999;background-size:100% 100%!important;}
.cp_list1_2 .slick-prev{background: url(//cdn.myxypt.com/2dfa6b48/21/12/94755646cce8df6793b67d3c440a41efdacb192f.png) no-repeat;text-indent:-1000px;overflow:hidden;left:38.7%;}
.cp_list1_2 .slick-prev:hover{background:url(//cdn.myxypt.com/2dfa6b48/21/12/be8bedba90f996b18907b3add7c5eca2f11f95ab.png) no-repeat center top;}
.cp_list1_2 .slick-next{background: url(//cdn.myxypt.com/2dfa6b48/21/12/da175e03ac4d01f13ef3ac46a2cdabc0965a026f.png) no-repeat;outline:none;text-indent:-1000px;overflow:hidden;right:38.7%;z-index:99999;background-size: 100% 100%;}
.cp_list1_2 .slick-next:hover{background:url(//cdn.myxypt.com/2dfa6b48/21/12/c897a6cb03b45f9f88ae4158cfb2e602364fe317.png) no-repeat center top;}

.cp_list1_2 .slick-dots {
  position: absolute;
  z-index: 99;
  width:100%;
top:95%;
  text-align: center;
}

.cp_list1_2 .slick-dots li {
  display: inline-block;
  width: 43px;
  height: 43px;
  font-size: 14px;line-height:43px;

  margin: 0 5px;border:none;color:#595757;width:38px;height:35px;border-radius:5px}

.cp_list1_2 .slick-dots li button {
outline: none;border:none;background: none;color:#595757
}

.cp_list1_2 .slick-dots li.slick-active button{color:#fff;}
.cp_list1_2 .slick-dots li.slick-active {
  background: #1e50ae;color:#fff
}




.sycpzx_list22  > li:hover > a, .xypg-left-nav > li.clicked > a {
  background-image: linear-gradient(90deg, #0868c2 0%, 	#0aad44 100%), linear-gradient(#0b68b1, #0b68b1);
}

.xypg-left-nav > li:hover > a{
  background-image: linear-gradient(90deg, #0868c2 0%, 	#0aad44 100%), linear-gradient(#0b68b1, #0b68b1);
}


.sycpzx_list22  > li:nth-child(1){background-image: linear-gradient(90deg, #0868c2 0%, 	#0aad44 100%), linear-gradient(#0b68b1, #0b68b1);}
.sycpzx_list22 > li.clicked{ background-image: linear-gradient(90deg, #0868c2 0%, 	#0aad44 100%), linear-gradient(#0b68b1, #0b68b1);}